<style type="text/css">
@media not screen and (1) {
	.ears { 
		left: 0px;
		margin-left: 0px;
		margin-top: -10px;
	}
}
</style>
<? if ($c = stack('name')) {

	$d = component_data($c);

	?><section id="cpn-<?=$c?>"><?

			startScript('jquery, jquery.validationEngine, jquery.validationEngine-'.context('lang').', other-validations-'.context('lang').', jquery.maskedinput.min, jquery.sbx');

			?><script type="text/javascript">

				$('.print_link').on('click', function(e) {
					var html = $("html");
					$('*').removeClass('print');
					$(this).parents('.collapsible').addClass('print');
					
					html.addClass("p");
					setTimeout(function(){ window.print(); html.removeClass("p"); }, 1000);
					return false;
				});

				$('.collapsible > img').on('click', function(e) {
					var $el = $(this).parent().find('.full')
					$el.toggle();
					$(this).attr({src: $el.is(':visible') ? '/img/collapsible_minus.png' : '/img/collapsible_plus.png'});
				});

				$(document).on('click', function(e) {
					if (!$(e.target).parents('.files_list').length) $('.files_list').remove();
				});

				$('img.documents').on('click', function(e) {

					var $div = $('<div>').addClass('files_list').attr('id', 'files_list');
					var $el = $(this);

					$.getJSON('/claim/file-list/document-' + $el.attr('did') + '/', function(json) {
						var table = "<table width='100%'>";
						for(var i in json) {
							table += "<tr><td>"
										+ json[i].attachdate
										+ "</td><td><a target='_blank' href='/claim/file-"
										+ json[i].id
										+ "'>"
										+ json[i].filename
										+ "</a></td><td>"
										+ json[i].description
										+ "</td></tr>";
						}
						$div.append(table+'</table>');

						$el.after($div);
					});

				});

				$('.confirm').on('click', function(e) {
					return confirm($(this).data('confirm'));
				});

			</script><? endScript();
		
			?>

			<!-- h1><?=tc('Profile')?></h1 -->
			<ul class="sub-menu"><li class="button"><a href="/<?=$CONTEXT['lang_prefix']?>my/"><?=tc('Особисті дані')?></a></li><li class="button active"><?=tc('Мої звернення')?></li></ul>
			<!-- div class="tabs">
				<div class="vertical"><span><a href='/claim/show-draft/'>Чернетки (18)</a></span></div>
				<div class="vertical active"><span>Надіслаі (8)</span></div>
			</div -->
			<fieldset class="tall">
				<ul class="ears"><li><a href="/<?=$CONTEXT['lang_prefix']?>claim/show-draft/"><?=tc('Чернетки')?> (<?=$d['draft_count']?>)</a></li><li class="active"><?=tc('Надіслані')?> (<?=$d['sent_count']?>)</li></ul>
				<!--<a class="function" href='/claim/'><?//=tc('Створити нове звернення')?></a>
				<hr><br>-->

				<?foreach($d['claims'] as $id => $v) { ?>
					<div class="collapsible">
						<img src="/img/collapsible_plus.png">

						<div class="row" style="margin-bottom:25px;">
							<label class="text date"><?=tc('Реєстраційний №:')?> <?=$v['s_short_name']?></label>
							<p class="small">
								<?=tc('Надіслано:')?> 
								<? if ($CONTEXT['lang'] == LANG_DEF) {	?>
									<?=date2str(parse_date($v['create_date']),'uk')?>
								<? } else if ($CONTEXT['lang'] == 'ru')   {?>
									<?=date2str(parse_date($v['create_date']),'ru')?>
								<? } ?>
							</p>
							
							<!-- div class="status state-<?=$v['status_code']?>"><?=$v['status']?><?= $v['lasteditdate'] ? " <span class='small'>(" . date2str(parse_date($v['lasteditdate']), 'uk') . ")</span>" : '' ?></div -->
						</div>
						
						<div class="row">
							<label class="text w190"><?=tc('Статус:')?></label>
							<p class="state-<?=$v['status_code']?>">
								<?=$v['status']?><?= $v['lasteditdate'] ? " <span class='small'>(" . date2str(parse_date($v['lasteditdate']), 'uk') . ")</span>" : '' ?>
							</p>
							<div class="status"><?= $v['files_count'] ? "<img src='/img/paperclip.png' class='documents' did='$v[id]'> (" . tc('Є відповідь') . ")" : '' ?></div>
							</div>
							
						<div class="row">
							<label class="text w190"><?=tc('Питання:')?></label>
							<p class="question"><?=$v['question']?>&nbsp;</p>
						</div>

						<div class="row full">
							<label class="text w190"><?=tc('Регіон, якого стосується питання:')?></label>
							<p class="region"><?=gccGeoToRootJoin($v['region_id'], true)?>&nbsp;</p>
						</div>
						<div class="row full" style="padding-top:15px">
							<label class="text w190"><?=tc('Зміст:')?></label>
							<p><?=$v['issue']?>&nbsp;</p>
						</div>

						
						<ul class="sub-menu">
							<!-- li><a href="/claim/copy-<?=$id?>/"><?=tc('Створити повторне')?></a></li -->
							<li><a class="print_link" href="/claim/print-<?=$id?>/"><?=tc('Друкувати')?></a></li>
						</ul>
					</div>
				<? }?>


			</fieldset>


		</section><?

//	debug($d);
	unstack();
}
